<div class="row" *ngIf="progress.isCompleted">
  <div class="col-5 animated animated-delay-300 fadeInUp float-left">
    <div class="card" >
      <div class="card-header font-weight-bold p-2">
        <span class="fa fa-fw fa-info-circle"></span>PING工具
      </div>
      <div class="card-body p-1">
        <div class="form-group row">
          <label for="code" class="col-3 col-form-label text-right">URL</label>
          <div class="col-7">
            <input type="text" class="form-control form-control-sm" id="code" (change)="urlChange($event)" placeholder="请输入域名或地址">
          </div>
        </div>
      </div>

      <div class="row mb-2">
        <div class="col-10 offset-1 text-center">
          <button type="button" class="btn btn-sm btn-teal w-50"
                  (click)="pingUrl()">{{pingText}}
          </button>
        </div>
      </div>
        <div class="card" *ngIf="pingResultData.length !== 0">
          <div class="card-header font-weight-bold p-2">
            <span class="fa fa-fw fa-info-circle"></span>状态
          </div>
          <div class="card-body p-1">
            <div class="row center-of-all" *ngFor="let info of pingResultData">
              <span>{{info.info}}</span>
            </div>
          </div>
        </div>
    </div>
  </div>
  <div class="col-5 animated animated-delay-300 fadeInUp float-left">
    <div class="card" >
      <div class="card-header font-weight-bold p-2">
        <span class="fa fa-fw fa-info-circle"></span>扫描工具(整个过程需要10分钟左右)
      </div>
      <div class="card-body p-1">
      </div>

      <div class="row mb-2">
        <div class="col-10 offset-1 text-center">
          <button type="button" class="btn btn-sm btn-teal w-50"
                  (click)="scanChannel()">{{scanText}}
          </button>
        </div>
      </div>
      <div class="card" *ngIf="scanResultData.length !== 0">
        <div class="card-header font-weight-bold p-2">
          <span class="fa fa-fw fa-info-circle"></span>状态
        </div>
        <div class="card-body p-1">
          <div class="row center-of-all" *ngFor="let info of scanResultData">
            <span>{{info.info}}</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
